<div class="text-left">

    <!-- 广告内容 -->
    <div>
        <div class="text-center" ng-if="item.typography==0">
            <div class="bg-light" ng-if="item.advertise.length==0">
                <div class="text-center">
                    <div class="bg-light flex-box flex-font">
                        <i class="fa fa-image fa-2x text-muted"></i>
                    </div>
                </div>
            </div>

            <img ng-src="{{app.image.temp}}{{subitem.pic}}" ng-repeat="subitem in item.advertise" class="img-full" ng-if="item.advertise.length>0">
        </div>

        <div class="w-full" ng-if="item.typography==1">
            <carousel interval="5000" set-ng-animate="false">
                <!-- 实际效果 -->
                <slide ng-repeat="subitem in item.advertise" active="slide.active" ng-if="item.advertise.length>0">
                    <div>
                        <img class="img-full h-full" ng-src="{{app.image.temp}}{{subitem.pic}}" err-src="img/error.png">
                    </div>
                </slide>

                <!-- tombstones效果 -->
                <slide active="slide.active" ng-repeat="subitem in tombstonesAdvertise" ng-if="item.advertise.length==0">
                    <div class="text-center">
                        <div class="bg-light flex-box flex-font">
                            <i class="fa fa-image fa-2x text-muted"></i>
                        </div>
                    </div>
                </slide>

            </carousel>
        </div>
    </div>

    <!-- tool box -->
    <div class="tool-box text-left"  ng-click="$event.stopPropagation();">
        <li class="list-group-item no-border bg-none">
            <div class="wrapper-md pos-rlt bg-light r r-3x b-a">
                <span class="arrow left pull-up arrow-light"></span>
                <div class="w-xxl">
                    <div class="block m-b-xs font-bold b-l b-danger b-2x"><p class="m-l-sm block">广告</p></div>
                    <div class="form-horizontal form-validation panel-body">
                        <div class="form-group text-left">
                            <label class="pull-left w-xxs h6 text-right control-label m-r-xs">选择模版:</label>
                            <div class="pull-left">
                                <a class="block pull-left m-r-xs fa-border bg-white text-center pos-rlt it-box" ng-class="{true:'it-container'}[item.typography==0]" ng-click="changeTypography(item,0,$event)">
                                    <img src="img/single.png" class="thumb-sm block m-b-xs"/>
                                    <span class="h6 block">一行一个</span>
                                    <div class="check-box">
                                        <i class="fa fa-check-circle text-xs"></i>
                                    </div>
                                </a>

                                <a class="block pull-left m-r-xs fa-border bg-white text-center pos-rlt it-box" ng-class="{true:'it-container'}[item.typography==1]" ng-click="changeTypography(item,1,$event)">
                                    <img src="img/more.png" class="thumb-sm block m-b-xs"/>
                                    <span class="h6 block">轮播海报</span>
                                    <div class="check-box">
                                        <i class="fa fa-check-circle text-xs"></i>
                                    </div>
                                </a>
                            </div>
                        </div>

                        <div class="form-group text-left">
                            <label class="pull-left w-xxs h6 text-right control-label m-r-xs">来源:</label>
                            <div class="pull-left h6">
                                <div class="inline m-r-xs m-b-xs">
                                    <div class="radio inline m-r-n">
                                        <label class="i-checks i-checks-sm">
                                            <input type="radio" checked>
                                            <i></i>
                                        </label>
                                    </div>
                                    <p class="font-bold inline m-n">填充</p>
                                </div>
                                <div class="panel-body no-padder bg-white w-lg text-center b-a b-dashed m-b-sm pos-rlt" ng-repeat="subitem in item.advertise">
                                    <div class="pull-left">
                                        <img err-src="img/error.png" src="img/image_default.png" ng-src="{{app.image.temp}}{{subitem.pic}}" class="img-box"/>
                                    </div>
                                    <div class="pull-left m-sm">
                                        <div class="m-b-sm">
                                            <label class="inline m-t-xs h6 text-right control-label m-r-sm">标题:</label>
                                            <div class="inline h6 w-xs">
                                                <input type="text" class="form-control" placeholder="请输入标题">
                                            </div>
                                        </div>
                                        <div class="inline">
                                            <label class="pull-left m-t-xs h6 text-right control-label m-r-sm">跳转:</label>
                                            <div class="pull-left h6 w-xs">
                                                <select class="form-control">
                                                    <option>商品选项</option>
                                                    <option>店铺选项</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="square square-cancel" ng-click="deleteAdvertise(item,subitem,$event)"><i class="fa fa-times"></i></div>

                                </div>

                                <a class="panel-body bg-white w-lg text-center b-a b-dashed block" ng-click="openAddAdvertisement(item,$event)" ng-if="((item.typography==0 && item.advertise.length<1) || (item.typography==1))">
                                    <p class="text-info block">+ 添加一个背景图片</p>
                                    <span class="block  text-muted">建议尺寸750*350像素</span>
                                </a>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </li>


    </div>


</div>